//一页展示多少条数据
var Page=10;
//一共有多少页
var maxPage=1;
var total=0;
//页面打开时调用的函数
$(document).ready(function(e) {
	pagesAjax(1,Page);
	//分页button事件
    	$("#pages").click(clickPages);
});

//上一页下一页事件
function clickPages(event) {
            var buttonValue=event.target.innerText;
    	var currentPage=parseInt($(".currentPage")[0].innerText);
    	
    	var nextPage;
            if(buttonValue=="<"){
        	           nextPage=currentPage-1;
        	//处理为首页的情况
                	if(nextPage<=0){
                		alert("已经是首页")
                	}else{
                		//发送后台请求，更新button值
                		$(".currentPage")[0].innerText=nextPage;
                		pagesAjax((nextPage-1)*Page,Page);
                	}
             }else if(buttonValue==">"){
                    nextPage=currentPage+1;
                        if(nextPage===maxPage){
                            var lastPage=total%Page;
                            $(".currentPage")[0].innerText=nextPage;
                            // debugger
                            pagesAjax((nextPage-1)*Page,Page);
                        }
        	           else if(nextPage>maxPage){
        		              alert("已经是最后一页")
        	           }else{
        		//发送后台请求，更新button值
                		$(".currentPage")[0].innerText=nextPage;
                		pagesAjax((nextPage-1)*Page,Page);
        	           }
        }
    }
    //分页请求数据index当前是第几页，page一页多少条数据，maxPage总共多少页
    function pagesAjax(index,page){
    	//处理首页和尾页
    	if(index===1){index=0;}//再确定一下
     $.ajax({
                url: '/ContentCounter/api/counter/v1/article',
                dataType: 'json',
                type: 'get',
                data: {
                    page:page,
                    index:index
                },
                success: function (data) {
                        console.log(data);
                        total=data.data.total;
                        var pages=Math.ceil(data.data.total/Page);
                        if(pages==0){
                            maxPage=1;
                        }else{
                            maxPage=pages;
                        }
                         displayArticle(data.data.articleList);
                    // });
                },
                error:function(data,message){
                    debugger
                    alert(message);
                }
            })
    }

//添加url事件
function countNumber(){
	var article=""
	var url=document.getElementById("articleInput").value;
	ajax(url);
}
// var url = 'http://www.ruanyifeng.com/blog/2015/05/require.html';
function ajax(urlData) {
 	//node.js请求，爬取页面信息
            $.ajax({
                        url: 'api/counter/v1/article'+'?page='+Page,
                        dataType: 'json',
                        headers:{
                            'Content-type':'application/json'
                        },
                        type: 'post',
                        data:  JSON.stringify({
                            url: urlData
                        }),
                        success: function (Rdata) {
                         $(".currentPage")[0].innerText=1;
                         displayArticle(Rdata.data.articleList);
                        },
                        error:function(Rdata,message){
                        	alert(message);
                        }
             })
};

    //将数据在table中进行展示调用的函数
    function displayArticle(data){
    	//首页尾页的判断
    	var titlesNum=data.length;
    	var frag=document.createDocumentFragment();
    	for(var i=0;i<titlesNum;i++){
    		var row=document.createElement("tr");

    		var title=document.createElement("td");
    		title.appendChild(document.createTextNode(data[i].title));
    		row.appendChild(title);

    		var wordCount=document.createElement("td");
    		wordCount.appendChild(document.createTextNode(data[i].word_count));
    		row.appendChild(wordCount);

    		var chineseWord=document.createElement("td");
    		chineseWord.appendChild(document.createTextNode(data[i].chinese_word));
    		row.appendChild(chineseWord);

    		var englishWord=document.createElement("td");
    		englishWord.appendChild(document.createTextNode(data[i].english_word));
    		row.appendChild(englishWord);

    		var marksCount=document.createElement("td");
    		marksCount.appendChild(document.createTextNode(data[i].marks_count));
    		row.appendChild(marksCount);

    		frag.appendChild(row);
    	}
    	var table=$("#table");
    	var tableBody=$("#table tbody");
    	tableBody.html("");

    	tableBody.append(frag);
    }